<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<link rel="stylesheet" href="../assets/agile/css/ratchet/css/ratchet.min.css">
<link rel="stylesheet" href="../assets/agile/css/flat/flat.component.css">
<link rel="stylesheet" href="../assets/agile/css/flat/flat.color.css">
<link rel="stylesheet" href="../assets/agile/css/flat/iconline.css">
<link rel="stylesheet" href="../assets/app/css/app.css" />
<style>
.listitem{
	background:rgba(0,0,0,0.7) !important;
	color:#fff !important;
}
.sliver,#left_overlay_aside,li a{
	background:rgba(0,0,0,0) !important;
	color:#fff !important;
}
li{border-bottom:1px dotted #eee !important;}
</style>
</head>
<body style="background:rgba(0,0,0,0);color:#fff;overflow:hidden;">
<div id="aside_container">
	<aside id="left_overlay_aside" data-position="left" data-transition="overlay" class="aside-white" style="overflow:auto;padding-top:44px;width:100%;">
	</aside>
</div>
<ul class="listitem goods_cate" style="display:none;width:185px;position:absolute;top:69px;overflow:auto;">
		<style>
		.goods_cate li{padding-left:10px !important;}
		</style>
		<li class="sliver" style="font-size:15px;font-weight:bold;">商品分类</li>
		<!--class="active"-->
		<div class="comm-loading"><em>加载中...</em></div>
</ul>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/jquery.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/local.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript">
apiready = function(){
	
};
$('.listitem').fadeIn();
GetJPData(config.url+'/app.php?act=category&type=onfree',{},function(data){
	var html = '';
		html += '<li><a href="javascript:;" id="all">';
		html += '<i class="ricon iconfont iconline-arrow-right"></i>';
		html += '<div class="text">全部</div>';
		html += '</a></li>';
	$('.sliver').after(html+data['html']);
	$('#left_overlay_aside').css('height',data['count']);
	$('.comm-loading').hide();
});
$('#aside_container').height($(window).height());
$('#aside_container').bind('touchstart',function(){
	$('.listitem').fadeOut();
	setTimeout(function(){
		api.closeFrame({
		    name: 'cate'
		});
	},1000);
});
$('body').on('click','li a',function(){
	localData.set('team_cateid',$(this).attr('id'));
	localData.set('team_catename',$(this).find('div.text').text());
    var jsFun = 'jsFun();';
    api.execScript({
        name : 'gtbase',
        script: jsFun
    });
	$('.listitem').fadeOut();
	setTimeout(function(){
		api.closeFrame({
		    name: 'cate'
		});
	},1000);
});
</script>
</body>
</html>